<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css'>
<!--For Menu-->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type='text/javascript' src='js/jquery.custom.js?ver=1.0'></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--For Accordian-->
<script type='text/javascript' src='js/jquery-ui-1.8.5.custom.min.js'></script>
<script src="../../ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
</head>
<body>
<!--Top menu-->
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
        <li><a href="index.html"><span>Home</span></a> </li>
        <li><a href="#" class="sf-with-ul">Features + </a>
          <ul class="sub-menu">
            <li><a href="full-width.html"><span> Full Width</span></a></li>
            <li><a href="blog_post.html"><span>Blog Post Page</span></a></li>
            <li><a href="index_dark.html"><span>Light Skin</span></a></li>
            <li><a href="index_dark.html"><span>Dark Skin</span></a></li>
          </ul>
        </li>
        <li><a href="about.html"><span>About</span></a></li>
        <li><a href="blog.html"><span>Blog</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Title-->
<div class="title-outer">
  <div class="title"> About Us <span>/ Subtitle</span>
    <div class="top-search">
      <input type="text" class="text" value="Search this site..." onfocus="if(this.value=='Search this site...')this.value='';" onblur="if(this.value=='')this.value='Search this site...';">
    </div>
  </div>
</div>
<!--Message-->
<div class="messagein">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh<br />
  euismod  dunt consectetuer sed diam adut laoreet. </div>
<!--Middle section-->
<div id="middle-sdo1">
  <div id="sdo2">
    <div id="middle">
      <!-- Left Section Start-->
      <div class="leftsec">
        <h2 class="patrn">Who We Are ?</h2>
        <div class="detail"> <img src="images/who.jpg" alt="" class="grayborR flleft" />
          <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor faucibus. Nunc commodo metus ac mauris dictum at facilisis.<br />
            <br />
            Aliquam luctus varius odio, nec luctus turpis egestas faucibus. Donec enim libero, sagittis Mauris ut nisl nec tortor commodo convallis. Maecenas <a href="#">dignissim euismod </a>nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit eu non enim.</p>
        </div>
        <div class="team">
          <h2 class="patrn">Our Team</h2>
          <div class="member">
            <div class="team-img"><img src="images/team1.jpg" alt="" /> </div>
            <strong>John Doe</strong> <span>CEO</span>
            <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor.</p>
          </div>
          <div class="member no-margin">
            <div class="team-img"><img src="images/team4.jpg" alt="" /> </div>
            <strong>Matthew Smith</strong> <span>Project Manager</span>
            <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor.</p>
          </div>
          <div class="member">
            <div class="team-img"><img src="images/team2.jpg" alt="" width="92" height="87" /> </div>
            <strong>Kathy Brown</strong> <span>Web Designer</span>
            <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor.</p>
          </div>
          <div class="member no-margin">
            <div class="team-img"><img src="images/team3.jpg" alt="" /> </div>
            <strong>Michael Gold</strong> <span>Web Developer</span>
            <p>Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor.</p>
          </div>
        </div>
        <div class="client-box1">
          <div class="client-testimonial1">
            <p> Phasellus id dolor sed arcu pretium volutpat a id nulla. Morbi venenatis nulla non risus tempor faucibus. Nunc commodo metus ac mauris dictum at facilisis.</p>
            <div class="client-bg1">- by Bhagwati Lal </div>
          </div>
        </div>
      </div>
      <!-- Right Section Start-->
      <div class="rightsec">
        <h2 class="blue">Accordian</h2>
        <div id="accordion">
          <h3><a href="#">Accordion 1</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
          <h3><a href="#">Accordion 2</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
          <h3><a href="#">Accordion 3</a></h3>
          <div>
            <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
          </div>
        </div>
        <h2 class="blue">Text Box Widget</h2>
        <p class="mar45">PeterWall Ut ut ullamcorper nulla. Aene hendrrit nisl ut rius sagitis tristique duis saem. Aene hendrrit nisl ut rius sagitis tristique duis saem. </p>
        <h2 class="blue">Get Connected</h2>
        <ul class="social">
          <li class="twitter"><a href="#"> </a></li>
          <li class="facebook"><a href="#"> </a></li>
          <li class="dribble"><a href="#"> </a></li>
          <li class="forest"><a href="#"> </a></li>
          <li class="stumble"><a href="#"> </a></li>
        </ul>
      </div>
      <div class="clearfix"> </div>
    </div>
  </div>
</div>
<!--Middle section End -->
<!--Purchase Box-->
<div class="purchase">
  <div class="gray-line">
    <div class="gray-bg"> &#8220;Enoupp is a fully customizable premium Html multipurpose Theme&#8221;
      <div class="yello-btn"> <a class="purchase-btn" href="default.htm"> Purchase Now </a></div>
    </div>
  </div>
</div>
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>What Our Client Say</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
    </div>
    <div class="footer-details">
      <h3>What Our Client Say</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>Address:</strong> 8/3111 neqar savina vatica
        strat road, India </div>
      <div class="address"><img height="18" width="14" alt="" src="images/phone.png"> <strong>Phone:</strong> +11 (0) 556 - 124 - 1232</div>
      <div class="address"><img height="12" width="15" alt="" src="images/mail.png"> <strong>Email:</strong> <a href="#">www.cssmoban.com</a></div>
    </div>
    <div class="footer-details no-margin">
      <h3>Newsletter</h3>
      <p> Let's keep in touch! Sign up for our newsletter to recieve offers and news.</p>
      <input type="text" class="newsletter" value="Enter your email adress" onfocus="if(this.value=='Enter your email adress')this.value='';" onblur="if(this.value=='')this.value='Enter your email adress';">
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright"> &copy; Copyright 2012 Collect from <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. All Rights Reserved.</div>
    <div class="designby">More Templates <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. </div>
  </div>
</div>

</body>
</html>
